<template>
  <!-- <div class="mb-4">
    <el-button>Default</el-button>
    <el-button type="primary">Primary</el-button>
    <el-button type="success">Success</el-button>
    <el-button type="info">Info</el-button>
    <el-button type="warning">Warning</el-button>
    <el-button type="danger">Danger</el-button>
  </div> -->

  <!-- 
    bg-purple-500:表示背景颜色为紫色500的程度
    text-light-50:文本的颜色
    px-4 py-2:内边距的左右、上下的大小
    m-2:外边距
    text-base:字体大小
    rounded-xl:弧度大小
    hover:(样式)表示鼠标悬停后的样式
  -->
  <!-- <button class=" bg-purple-500 text-light-50 px-4 py-2 m-2 text-base rounded-xl hover:(bg-purple-900)">按钮</button> -->

  <router-view></router-view>

</template>
<script setup>
import { RouterView } from 'vue-router';
</script>